﻿
body {
	color: #000000;
	background-color:#EEEEEE;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:83%;
}

div{
    border: solid 1px #000000;
    /*padding: 3px 3px 3px 3px;*/
    margin: 3px 3px 3px 3px;
}

#header{
  background-color:#ffffff;
  position:relative;
  left:0;
  top:0;
  height:98px;
  width:100%;
}

#logo{
   position: relative;
   float:left; 
   top: 0px; 
   left: 0px;
   width: 170px;
   height: 50px;
   margin-left: 3px;
   background-image: url(logo.png);
   border: solid 0px #000000;
}

#title{
  position:absolute;
  top: 32px;
  left: 185px;
  border: solid 0px #000000;
}

#system-nav{
   position: relative;
   float:right;
   padding-right: 5px;
   height: 20px;
   margin: 0px 0px 0px 0px;
   border: solid 0px #000000;
}

#system-nav ul{
    padding:0;
	margin: 0;
}

#system-nav li{
    display: inline;
    list-style-type: none;
    padding-right: 5px;
}

#system-nav li a{
    color:#234b7b;
    text-decoration: none;
}

#system-nav li a:hover{
    color:#234b7b;
    text-decoration: underline;
}

#search-nav{
   position: relative;
   float:right; 
   top: 25px; 
   right: -250px;
   width: 250px;
   height: 25px; 
   border: solid 0px #000000;
}

#site-nav{
   position: relative; 
   float:left; 
   top: 0px; 
   left: 0px; 
   width: 100%;
   height: 44px; 
   margin: 0px 0px 0px 0px;
   border: solid 0px #000000;
}

#container{
  position:relative;
  left:0;
  top:0;
  border: solid 0px #000000;
}

.sidenav {
  position:absolute;
  left:0;
  top:0px;
  width:195px;
  float:left;
  padding: 0px 0px 0px 5px;
  margin:  0px 0px 0px 0px;
  font-family:Arial, sans-serif;
  font-size:83%;
}

.rightfiller {
  position:absolute;
  top:0;
  right:0px;
  width:1px;
  float:right;
  display:none;
}

.pagecontent {
    background-color:#ffffff;
	margin: 3px 0px 5px 207px;
	padding: 3px 10px 3px 10px;
}

#footer { display:none;}

/*-----site navigation start-----------*/

.sectionSponsor {height:40px}

#tmglMenu {margin:  0px 0px 0px 0px;border: solid 0px #000000; border-top:solid 1px grey;}

.menu a {text-decoration:none;color:#234b7b;}
.menu a:hover {text-decoration:none; color:#122842;border-bottom:1px dotted #122842;}

#tmglPrimaryNav {width:100%;font-size:62.5%;border: solid 0px #000000;margin:  0px 0px 0px 0px;}
#tmglPrimaryNav .mainNav {list-style:none;padding:0;margin:0;font-size:1.6em;}
#tmglPrimaryNav .mainNav li {float:left;margin-left:2em;}
#tmglPrimaryNav .mainNav a {font-weight:bold;padding:3px 10px;display:block}
#tmglPrimaryNav .mainNav a:hover {}

#tmglSecondNav {width:100%;border: solid 0px #000000;margin:  1px 0px 0px 0px;}
#tmglSecondNav .mainNav {list-style:none;padding:0;margin:0; font-size:83%;}
#tmglSecondNav .mainNav li {float:left;padding:4px 0;margin-left:2em;}
#tmglSecondNav .mainNav a {font-weight:bold;padding:4px 10px; background-color:#234B7B;color: #EEEEEE;}
#tmglSecondNav .mainNav a:hover {background-color:#122842;}
.noItems {height:24px;}

/********* START: Active/Non-active menu styles *********/

.activeNav {background:#234b7b;}
.activeNav a {color:#fff;}
.activeNav a:hover {color:#fff;border-bottom:none;background:#122842;}
.activeNav .selected {background:#122842;}

.nonActiveNav {background:#ffffff;}
.nonActiveNav a {color:#234b7b;}
.nonActiveNav a:hover {color:#fff;border-bottom:none;background:#234b7b;}

.nonActiveNav .selected {background:#234b7b;}
.nonActiveNav .selected a {color:#fff; background:#234b7b;}

.cl{clear:both; border: solid 0px #000000;}

.gutter{margin:0;margin-right:20px;}
.gutterUnder{margin-bottom:0px}
.gutterAbove{margin-top:10px}

.gutterSmall{margin-right:10px;}
.gutterUnderSmall{margin-bottom:5px}
.gutterAboveSmall{margin-top:5px;}


/*------site navigation end-----------*/

/*------sideconent navigation start-----------*/

.sidenav  a {
	color:#003366;
	//background-color:#DEE7EF;
}

.sidenav a:hover {
	color:#003366;
	//background-color:#DEE7EF;
}


.sidenav  ul { margin:0.5em 0.5em 0.5em -1.5em;}

ul#nav {
	clear:both;
	float:left;
	color: #000000;
	//background: #DEE7EF; 
	padding:0px 0px 20px 0px;
	margin:0px 0px 20px 0px;
	list-style: none;
	width:195px;
	border-bottom:1px solid #003366;
}

ul#nav li {
	padding:2px 0px 2px 0px;
	margin:0px 0px 0px 0px;
	float: left;
	width:195px;
	
}

ul#nav li a {
	border:1px solid #CFE6CF;
	display: block;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	border:0.5px solid #B0C4DE;
}

ul#nav li a:hover { 
	background: #FFFFFF; 
	color: #003366;
	width:172px;
	border:1px solid #003366;
}

/*------sideconent navigation end-----------*/